/*----------------------------------------
Name: menu.css
Description: Style for Menu and Submenu
Developed by: tuyenht@thienma.vn
Copyright: http://thienma.vn
----------------------------------------*/
/*Begin Menu top*/
.menu-top			{ width:350px; text-align:right; height:25px; line-height:25px; margin-top:-1px; color:#000000; padding-right:7px; }
.menu-top img		{ margin-right: -3px; }
.menu-top a			{ padding:0 4px; color:#000000; font-weight:normal; font-size:11px; }
.menu-top a:hover	{ color:#000000; text-decoration:underline; }
/*End Menu top*/

/*Begin Menu center*/
#menu 				{ text-align:left; }
#menu table			{ width:970px; font-weight:bold; text-align:center; font-size:12px; }
#menu .menu_div1, 
#menu .menu_div2	{ margin:4px 0 0 0; height:auto !important; line-height:30px; font-weight: bold; color:#e96304; }
#menu .menu_div1 	{ background: url(images/menu-h1.gif) no-repeat left bottom; }
#menu .menu_div1 a 	{ color: #e96304; text-decoration: none }
#menu .menu_div2 	{ padding:0 7px; background: url(images/menu-h2.gif) no-repeat right bottom; }
#menu .menu_div3, 
#menu .menu_div4	{ margin-top:4px; height:auto !important; line-height:30px; font-weight: bold; color:#FFF; }
#menu .menu_div3	{ background: url(images/menu-h3.png) no-repeat left bottom; }
#menu .menu_div3 a	{ color: #fff; text-decoration: none }
#menu .menu_div4 	{ padding:0 7px; background: url(images/menu-h4.png) no-repeat right bottom; }
#menu .menu_div1,
#menu .menu_div3	{ width: expression(this.scrollWidth < 90 ? "90px" : this.scrollWidth); min-width:90px; }
#submenu			{ background:url(images/bg_submenu.gif) repeat-x; min-height:24px; height:auto !important; height:24px; }
.submenu			{ display:none; text-align:center; color:#16151A; padding-top:3px; }
#submenu .left		{ float:none; text-align:left; }
#submenu .right		{ float:none; text-align:right; }
.submenu a			{ margin:0 0 0 12px; padding:0 5px 0 12px; background:url(images/icon_disc.png) no-repeat left; color:#006C98; }
.submenu a.selected	{ color:#006C98; font-weight:bold; }
.submenu a:hover	{ color:#006C98; text-decoration:underline; }
/*End Menu center*/

/*Begin Menu dropdown*/
#menu_mid			{ height:32px; line-height:32px; background:url(images/bg_menu.gif) repeat-x; } 
#menu_mid, 
#menu_mid ul 		{ list-style: none; position: relative; line-height: 1.5em; position: relative; z-index:9999; padding:0; margin:0; }
#menu_mid a:link, 
#menu_mid a:active,
#menu_mid a:visited { display: block; padding: 0px 10px; color: #2E2E2E; font-weight:bold; text-decoration: none; }
#menu_mid a:hover 	{ color: #006ab8; }
#menu_mid li 		{ float: left; position: relative; height:32px; line-height:32px; margin:0; padding:0; white-space:nowrap; background:url(images/bg_menu_split.gif ) no-repeat right center; }
#menu_mid li li		{ height:27px; line-height:27px; padding:0; white-space:nowrap; background:none; }
#menu_mid ul 		{ position: absolute; width: 205px; top: 30px; display: none; background: #cbcbcb; filter:alpha(opacity=86); opacity: 0.86; }
#menu_mid li ul a 	{ width: 175px; float: left; border-top:1px solid #FFFFFF; color:#000000!important; font-weight:normal!important; }
#menu_mid li li a:hover{ text-decoration:underline; }
#menu_mid ul ul 	{ top: auto; }
#menu_mid li ul ul 	{ left: 175px; margin: 0px 0 0 10px; }
#menu_mid li:hover ul ul, 
#menu_mid li:hover ul ul ul,
#menu_mid li:hover ul ul ul ul { display: none; }
#menu_mid li:hover ul,
#menu_mid li li:hover ul,
#menu_mid li li li:hover ul,
#menu_mid li li li li:hover ul { display: block; }
/*End Menu dropdown*/

/*Begin Menu bottom*/
.menu-left			{ background:#f0f0f0; text-align:left; color:#026d9b; padding-bottom:7px; margin-bottom:7px; }
.menu-left li		{ background:url(images/bg-menu-left.gif); padding-left: 15px; height:26px; line-height:26px; }
.menu-left a:visited,
.menu-left a:link	{ padding:0 6px; color:#026d9b; text-decoration:none; }
.menu-left a.selected,
.menu-left a:hover	{ color:#026d9b; font-weight:bold; text-decoration:none; }
/*End Menu bottom*/

/*Begin Menu product*/
.menu-pro			{ background: #F0F0F0 url(images/head-left.png) no-repeat 0px -28px; text-align: left; color: #006DC4; margin-bottom: 7px; margin-top: -7px; }
/*.menu-pro ul		{ margin-top: 1px; border-left: 1px solid #3B90D3; border-right: 1px solid #3B90D3; margin-left: 11px; }
.menu-pro li		{ background:url(images/bg-menu-pro.gif); padding-left: 10px; height:53px; line-height:51px; margin-bottom:-1px; }*/
.menu-pro table		{ margin-top: 1px; border: 1px solid #3B90D3; border-top: none; margin-left: 11px; border-spacing: 0px 0px;}
.menu-pro td		{ background:url(images/bg-menu-pro.gif); padding-left: 10px; height:52px; margin-bottom:-1px; vertical-align:middle; }
.menu-pro img		{ float:left; max-width:47px!important; max-height:37px!important; }
.menu-pro a:visited,
.menu-pro a:link	{ font-weight:bold; color:#006DC4; text-decoration:none; }
.menu-pro a.selected,
.menu-pro a:hover	{ color:#006DC4; text-decoration:underline; }
/*End Menu product*/

/*Begin Menu bottom*/
#menu-bottom		{ background:url(images/bg_menu_bottom.gif); height:33px; line-height:30px; text-align:left; color:#FFFFFF; }
#menu-bottom a:visited,
#menu-bottom a:link	{ padding:0 6px; color:#FFFFFF; font-weight:bold; }
#menu-bottom a:hover{ color:#FFFFFF; text-decoration:none; }
/*End Menu bottom*/